<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
     <style>       
            .row1{ 
                background: #dcdcdc;
 
    </style>
    <h:body>
        <ui:composition template="./plantilla/plantilla.xhtml">                        
        <ui:define name="center">
            <div class="h_title">Lista de Docentes por Clase</div>
            <h:form id="form">
                <p:growl id="grwDocenteXClase" showDetail="true"  />
                <p:panel id="panellista" style="font-size:small;margin: auto">  
                <p:dataTable id="dtbDocenteXClase" var="docenteXClase" 
                            value="#{docenteXClaseController.listaDocenteXClase}"
                            paginator="true" rows="10"  rendered="true"
                            paginatorPosition="bottom"
                            style="width: 100%; font-size: 15px;" 
                            rowStyleClass="#{rowIndex mod 2 ne 0 ? 'row1' : 'null'}"
                            rowIndexVar="rowIndex"
                            resizableColumns="true" scrollWidth="true"
                            >  
                    <p:column  style="width:35px">
                        <f:facet name="header">
                            <h:outputText value="Asignatura"  />
                        </f:facet>
                        <h:outputText value="#{docenteXClase.NClsId.NAsgId.VNombre} " />

                    </p:column>  

                    <p:column  style="width:20%">
                        <f:facet name="header">
                            <h:outputText value="Modalidad de Dictado"  />
                        </f:facet>
                        <h:outputText value="#{docenteXClase.NClsId.NMdlDctId.VNombre}" style="color:#043f52"/>     
                    </p:column>
                </p:dataTable>
                <h:panelGrid columns="4" cellpadding="4">
  
                    <p:commandButton id="btnCrearDocenteXClase" value="Registrar" 
                                    update=":form" 
                                    onclick="vdlgCrearDocenteXClase.show()"
                                    style="font-size: 10px"
                                ajax="true"
                                />                                             
                    </h:panelGrid>    
                </p:panel>    
            </h:form>
            <h:form id="formCrearDocenteXClase">      
               <p:dialog id="dlgCrearDocenteXClase" header="Registro de Docente Por Clase" 
                          widgetVar="vdlgCrearDocenteXClase" modal="true"
                          resizable="false" 
                          style="position:absolute; top:15% ; left:20%;" 
                          width="450" showEffect="clip" hideEffect="fold" >                      
                   <p:selectOneRadio id="srdTipoCreacion" value="#{docenteXClaseController.tipoCreacion}"
                                     required="true" 
                                     valueChangeListener="#{docenteXClaseController.updateControl()}">  
                        <f:selectItem itemValue="1" itemLabel="Por Nº de Ciclo" />                            
                        <f:selectItem itemValue="2" itemLabel="Por Asignatura" />                            
                        <p:ajax update="pnlCrearDocenteXClase">
                        </p:ajax>
                    </p:selectOneRadio>
                        
                    <h:panelGrid id="pnlCrearDocenteXClase" columns="3" cellpadding="4">
                        
                        <h:outputLabel value="Facultad" styleClass="colum"/>
                        <h:outputLabel value=":"  styleClass="colum"/>
                        <p:selectOneMenu id="smnFacultad" effect="fold"
                            value="#{direccionEscuelaController.NFctId}"
                            valueChangeListener="#{planEstudiosController.updateValor()}"
                            required="true" >
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />    
                            <f:selectItems value="#{facultadController.itemsFacultadSelectOne}"/>
                            <p:ajax update="smnCiclo,smnDirEscuela,smnPlanEstudios,smnAsignatura,smnTipoDictado">
                            </p:ajax>
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="Ciclo"  styleClass="colum"/>
                        <h:outputLabel value=":" />
                        <p:selectOneMenu id="smnCiclo" 
                            value="#{docenteXClaseController.NCicId}" effect="fold"
                            disabled="#{direccionEscuelaController.NFctId eq '0' ? true : false}">
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />    
                            <f:selectItems value="#{cicloController.itemsCicloSelectOne}"/>                            
                        </p:selectOneMenu>
                                                
                        <h:outputLabel value="Dir. de Escuela" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:selectOneMenu  id="smnDirEscuela"
                            valueChangeListener="#{asignaturaController.updateValor()}"
                            value="#{planEstudiosController.NDrcEscId}" effect="fold" 
                            disabled="#{direccionEscuelaController.enabled}" >
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />    
                            <f:selectItems value="#{direccionEscuelaController.itemsDirEscuelaSelectOne}"/>                        
                            <p:ajax update="smnPlanEstudios,smnAsignatura,smnTipoDictado">                             
                            </p:ajax>
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="Plan de Estudios" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:selectOneMenu  value="#{asignaturaController.NPlnCrrId}"
                            id="smnPlanEstudios" effect="fold" required="true" 
                            valueChangeListener="#{docenteXClaseController.updateValor()}"
                            disabled="#{direccionEscuelaController.NFctId eq '0' ? true : planEstudiosController.enabled}">
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />
                            <f:selectItems value="#{planEstudiosController.itemsPlanCurricularSelectOne}"/>
                            <p:ajax update="smnAsignatura,smnTipoDictado">                        
                            </p:ajax>
                        </p:selectOneMenu>                                                              
                                                
                        <p:outputLabel value="Ciclo Académico" styleClass="colum" 
                            style="display: #{docenteXClaseController.visible ? 'none' : 'block' };"/>
                        <h:outputLabel value=":" styleClass="colum"
                            style="display: #{docenteXClaseController.visible ? 'none' : 'block' };"/>
                        <p:selectOneMenu  value="#{docenteXClaseController.NCicAcdId}" effect="fold" required="true"
                            style="display: #{docenteXClaseController.visible ? 'none' : 'block' };">
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />
                            <f:selectItems value="#{asignaturaController.itemsCiclosSelectOne}"/>                        
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="Asignatura" styleClass="colum"
                            style="display: #{docenteXClaseController.visible ? 'block' : 'none' };"/>
                        <h:outputLabel value=":" styleClass="colum"
                            style="display: #{docenteXClaseController.visible ? 'block' : 'none' };"/>
                        <p:selectOneMenu  id="smnAsignatura" value="#{docenteXClaseController.NAsgId}" 
                            disabled="#{planEstudiosController.NDrcEscId eq '0' ? true : asignaturaController.enabled}"
                            effect="fold" required="true" filter="true"
                            style="display: #{docenteXClaseController.visible ? 'block' : 'none' };">
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />
                            <f:selectItems value="#{asignaturaController.itemsAsignaturaSelectOne}"/>
                            <p:ajax update="smnTipoDictado">                                
                            </p:ajax>
                        </p:selectOneMenu>
                                                
                        <h:outputLabel value="Tipo de Dictado" styleClass="colum"
                            style="display: #{docenteXClaseController.visible ? 'block' : 'none' };"/>
                        <h:outputLabel value=":" styleClass="colum"
                            style="display: #{docenteXClaseController.visible ? 'block' : 'none' };"/>
                        <p:selectOneMenu  value="#{docenteXClaseController.NTipoDictado}" 
                            id="smnTipoDictado" effect="fold" required="true"
                            disabled="#{asignaturaController.NPlnCrrId eq '0' ? true : docenteXClaseController.enabled }"
                            style="display: #{docenteXClaseController.visible ? 'block' : 'none' };">
                            <f:selectItem itemLabel="Todos" itemValue="0" />
                            <f:selectItems value="#{docenteXClaseController.itemsMDPorClaseSelectOne()}"/>
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="Nº de Docente Por Clase" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:spinner id="spnHora" min="0" max="100"
                                   value="#{docenteXClaseController.NCantidad}" /> 
                        
                        <h:outputLabel />
                        <h:outputLabel />
                              
                        <p:commandButton id="btnGrabarDocenteXClasePorCiclo" value="Guardar"    
                                         actionListener="#{docenteXClaseController.grabarDocenteXClase}"
                            update=":form:dtbDocenteXClase" ajax="true"                         
                            style="background:#043f52;color:white;float:right;"
                            onclick="vdlgCrearDocenteXClase.hide()">                            
                        </p:commandButton>
                                       
                    </h:panelGrid>  
                    
                </p:dialog>
            </h:form>
            
	</ui:define>
        </ui:composition>

    </h:body>
</html>